$(function() {
  console.log('in topic.js');

  function clearForm() {
    $('#selType').val(-1);
    $('#txtTname').val('');
    $('#txtDescription').val('');
    setTimeout(function() {
      $('#txtTname').focus();
    }, 500);
  }

  $('#btnBack').click(function() {
    location.href = 'main.html';
  });

  $('#btnClear').click(clearForm);

  $('#btnAdd').click(function() {
    if ($('#selType').val() == -1) {
      mydialog.showAlert('分类必须选择', '信息');
      return;
    }
    mydialog.showWait('数据处理中。。。', '等待');
    dataService.send(
      '/tbTopic/save',
      {
        'tbTopic.sid': $('#selType').val(),
        'tbTopic.tname': $('#txtTname').val(),
        'tbTopic.description': $('#txtDescription').val()
      },
      function(data) {
        mydialog.hideWait();
        mydialog.showAlert(data.message, '信息', function() {
          if (data.success) {
            query();
          }
        });
      }
    );
  });

  var page = { pageSize: 5, pageNumber: 1 };

  function query() {
    mydialog.showWait('数据查询中...', '等待');
    dataService.send(
      '/tbTopic/queryAll',
      {
        'page.pageSize': page.pageSize,
        'page.pageNumber': page.pageNumber
      },
      function(data) {
        console.log(data);
        mydialog.hideWait();
        if (!data.success) {
          mydialog.showAlert(data.message, '信息');
          return;
        }
        page = data.dataMap.page; //分页信息更新
        //处理分类下拉列表
        $('#selType').html('');
        //添加一个请选择的选项
        var $voption = $(document.createElement('option'));
        $voption.val(-1); //值是特定的
        $voption.append('请选择分类');
        $('#selType').append($voption);
        $.each(data.dataMap.subjects, function(i, v) {
          var $option = $(document.createElement('option'));
          $option.val(v.sid);
          $option.append(v.sname);
          $('#selType').append($option);
        });
        //数据查询表格显示
        $('#tbData').html('');
        $.each(data.dataMap.list, function(i, v) {
          var $tr = $(document.createElement('tr'));
          var $td;

          $td = $(document.createElement('td'));
          $td.append(v.tid);
          $tr.append($td);

          $td = $(document.createElement('td'));
          $td.append(v.subject.sname);
          $tr.append($td);

          $td = $(document.createElement('td'));
          $td.append(v.tname);
          $tr.append($td);

          $td = $(document.createElement('td'));
          $td.append(v.description);
          $tr.append($td);

          $('#tbData').append($tr);
        });

        //$('#selType').val(-1);
        clearForm();
      }
    );
  }

  query();
});
